<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>#{app_bundle.app_name}</title>
	<h:outputStylesheet name="default.css" library="css" />
	<h:outputStylesheet name="application.js" library="js" />
</h:head>
<h:body>
	<div id="page" class="page" align="center">
		<h:form>
			<div style="height: 230px"></div>
			<div class="divLogin">
				<h:panelGrid>
					<p:spacer height="3"/>
					<h:outputLabel value="Usuário:" for="userName">
						<br /> 
						<h:inputText value="#{authenticationMB.entity.userName}" id="userName"/>
					</h:outputLabel>	
					<h:outputLabel value="Senha:" for="password">
						<br />
						<h:inputSecret value="#{authenticationMB.entity.password}" id="password"/>
					</h:outputLabel>
					<p:spacer height="3"/>
					<h:commandButton actionListener="#{authenticationMB.authenticate}" value="Entrar" style="width : 150px;"/>
				</h:panelGrid>
			</div>
			<div style="width: 350px;">
				<p:messages id="errorLogin"/>
			</div>
			
		</h:form>
	</div>
</h:body>
</html>